<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<style>
    h2 {
        margin-top: 100px;
        text-align: center;
        background-color: lightblue;
        font-family: monospace;
        display: inline-block;
    } 

    .green-table {
        margin-top: 40px;
        margin-left: 20px;
        margin-right: 20px;
        border-top: 5px solid black;
        border-left: 1px solid blue;
        background-color: lightcyan;
    }
    .shadw {
        border-radius: 15px;
    }

    #woman {
        color: red;
    }

    #title {
        color: blue;
    }
</style>

<body>
    <div id="title">
        <h2>青春不常在,一起嗨起来</h2>
    </div>

    <table class="green-table shadw">
        <thead>
            <tr>
                <td>性别</td>
                <td>
                    <input type="radio" name="sex" value="nan" id="nan">
                    <!-- <img src="../image/loading_more.gif" alt="" srcset=""> -->
                    <label for="nan">男👨</label>

                    <input type="radio" name="sex" value="nv" id="nv">
                    <!-- <img src="../image/loading_more.gif" alt="" srcset=""> -->
                    <label for="nv" id="woman">女👩</label>
                </td>
            </tr>
        </thead>

        <tbody>
            <tr>
                <td>城市</td>
                <td>
                    <select name="" id="">
                        <option value="1">北京</option>
                        <option value="1">上海</option>
                        <option value="1">广州</option>
                        <option value="1">深圳</option>
                        <option value="1">重庆</option>
                    </select>
                    <select name="" id="">
                        <option value="1">北京</option>
                        <option value="1">上海</option>
                        <option value="1">广州</option>
                        <option value="1">深圳</option>
                        <option value="1">重庆</option>
                    </select>
                    <select name="" id="">
                        <option value="1">北京</option>
                        <option value="1">上海</option>
                        <option value="1">广州</option>
                        <option value="1">深圳</option>
                        <option value="1">重庆</option>
                    </select>
                </td>

            </tr>

            <tr>
                <td>地址</td>
                <td>
                    <input type="text" name="address" id="regist-address">
                </td>
            </tr>

            <tr>
                <td>婚姻状态</td>
                <td>
                    <input type="radio" name="marry" id="">未婚
                    <input type="radio" name="marry" id="">已婚
                </td>
            </tr>

            <tr>
                <td>爱好</td>
                <td>
                    <input type="checkbox" name="like" id="">篮球🏀
                    <input type="checkbox" name="like" id="">足球⚽️
                    <input type="checkbox" name="like" id="">羽毛球🏸️
                </td>
            </tr>

            <tr>
                <td>备注</td>
                <td>
                    <textarea name="remark" id="" cols="30" rows="10" placeholder="请输入..."></textarea>
                </td>
            </tr>

            <tr>
                <td></td>
                <td>
                    <input type="submit" value="快注册咯">
                </td>
            </tr>

            <tr>
                <td></td>
                <td>
                    <input type="checkbox" name="xieyi" id="">注册即表示同意该
                    <a href="http://www.xiaomi.com">《服务条款》</a>
                </td>
            </tr>

            <tr>
                <td></td>
                <td>
                    <strong>我承诺</strong>
                    <ul>
                        <li>真实</li>
                        <li>诚恳</li>
                        <li>期待</li>
                    </ul>
                </td>
            </tr>

        </tbody>
    </table>
</body>

</html>